<!-- User.vue -->
<template>
    <div>
        User {{ userId }}
    </div>
</template>

<script>
export default {
    name: 'User',
    watch: {
        // 监视路由参数的变化
        '$route.params': {
            handler(params) {
                // 获取新的用户 ID
              console.log(params)
                const newUserId = params.userId
                // 更新组件的状态
                this.userId = newUserId
            },
            // 立即开始监视
            immediate: true,
        },
    },
    data() {
        return {
            userId: null,
        }
    },
}
</script>
